<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>我的日程</title>

    <link rel="stylesheet" type="text/css" href="/static/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/static/css/style.css">


</head>
<body>

	<div id="wrapper">
        <div class="overlay"></div>

        <!-- Sidebar -->
        <nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
            <ul class="nav sidebar-nav">
                <li class="sidebar-brand">
                    <a href="#">
                       个人中心{{ session["username"] }}
                    </a>
                </li>
                <li>
                    <a href="/user/to_user_index_page"><i class="fa fa-fw fa-home"></i> 首页</a>
                </li>
                <li>
                    <a href="/user/to_user_index_page"><i class="fa fa-fw fa-folder"></i> 我的日程</a>
                </li>
                <li>
                    <a href="/user/to_user_todolist_page"><i class="fa fa-fw fa-file-o"></i> 我的待办</a>
                </li>

                <!-- 查看好友日程 -->
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i> 查看好友日程 <span class="caret"></span></a>
                  <ul class="dropdown-menu" role="menu">
                    <li class="dropdown-header">点击查看好友日程</li>
                  {%  if colleague_list %}
                      {% for item in colleague_list %}
                    <li><a href="#">{{ item.colleague_id }}</a></li>
                       {% endfor %}
                  {% else %}
                  <li><a href="">暂无同事，点击添加</a></li>
                  {% endif %}
                  </ul>
                </li>

                <!-- 查看好友待办 -->
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i> 查看好友待办 <span class="caret"></span></a>
                  <ul class="dropdown-menu" role="menu">
                    <li class="dropdown-header">点击查看好友待办</li>
                    {%  if colleague_list %}
                      {% for item in colleague_list %}
                    <li><a href="/user/to_add_colleague">{{ item.colleague_id }}</a></li>
                       {% endfor %}
                  {% else %}
                  <li><a href="">暂无同事，点击添加</a></li>
                  {% endif %}
                  </ul>
                </li>

                <li>
                    <a href="#"><i class="fa fa-fw fa-dropbox"></i> Page 5</a>
                </li>
                <li>
                    <a href="#"><i class="fa fa-fw fa-twitter"></i> Last page</a>
                </li>
            </ul>
        </nav>
        <!-- /#sidebar-wrapper -->

        <!-- Page Content -->
        <div id="page-content-wrapper">
          <button type="button" class="hamburger is-closed animated fadeInLeft" data-toggle="offcanvas">
            <span class="hamb-top"></span>
            <span class="hamb-middle"></span>
            <span class="hamb-bottom"></span>
          </button>
            <div>

{#    <form method="post" action="colleague_find_new">#}
{#        <div class="form-group">#}
{#            <label for="exampleInputEmail1">请输入需要查找的用户名:</label>#}
{#            <input type="text" name="user_name" placeholder="请输入需要查找的用户名"/>#}
{#        </div>#}
{##}
{#    </form>#}

    <form class="form-signin col-md-6" style="margin-left: 20%" method="post" action="colleague_find_new">
        <h2 class="form-signin-heading">查找同事</h2>
        <label for="inputUsername" class="sr-only">用户名</label>
        <input type="text" name="username"  class="form-control" placeholder="请输入要查找的用户名" required autofocus>
        <button class="btn btn-lg btn-primary btn-block" type="submit">查找</button>
      </form>


<div style="padding:1px;">
	<div class="t1 chromeColor">&nbsp;</div>
	<div class="t2 chromeColor">&nbsp;</div>
	<div id="dvCalMain" class="calmain printborder">
		<div id="gridcontainer" style="overflow-y: visible;"></div>
	</div>
	<div class="t2 chromeColor">&nbsp;</div>
	<div class="t1 chromeColor">&nbsp;</div>
</div>

</div>
        </div>
        <!-- /#page-content-wrapper -->

    </div>
    <!-- /#wrapper -->

	<script src="/static/jquery/jquery-1.10.2.js"></script>
	<script src="/static/jquery/bootstrap-3.3.4.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {
		  var trigger = $('.hamburger'),
		      overlay = $('.overlay'),
		     isClosed = false;

		    trigger.click(function () {
		      hamburger_cross();
		    });

		    function hamburger_cross() {

		      if (isClosed == true) {
		        overlay.hide();
		        trigger.removeClass('is-open');
		        trigger.addClass('is-closed');
		        isClosed = false;
		      } else {
		        overlay.show();
		        trigger.removeClass('is-closed');
		        trigger.addClass('is-open');
		        isClosed = true;
		      }
		  }

		  $('[data-toggle="offcanvas"]').click(function () {
		        $('#wrapper').toggleClass('toggled');
		  });
		});
	</script>

</body>
</html>